<!-- BEGIN:main -->
<script>
    function login()
    {
        var u = $('#user').val();
        var p = $('#pass').val();
        var dataString = "u=" + u + "&p=" + p + "&request=login";
        $.ajax({
            type: "POST",            
            data: dataString,
            cache: false,
            beforeSend: function()
            {
                $("#btnlogin").html('Xin chờ');
            },
            success: function(response)
            {
                if (response == 'OK') {
                    $("#btnlogin").hide().fadeIn('fast').html('Đăng Nhập');
                }
                else {
                    $("#btnlogin").hide().fadeIn('fast').html('Lỗi');
                }
                //self.location = location_succ;
            }
        });
    }
    jQuery(document).ready(function()
    {

        // sự kiện nhấn nút đăng nhập
        $('#btnlogin').click(function() {
            login();
        });


        // sự kiện nhấn nút enter trên bàn phím
        $(document).keypress(function(event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                login();
            }
        });



    });
</script>
<div class='col-md-4'></div>
<form class="col-md-4" method="POST" name="phpForm" action="index.php?com=com_login">
    <div class="form-group">
        <input type="text" class="form-control input-lg" placeholder="Địa chỉ email" id='user' name="u">
    </div>
    <div class="form-group">
        <input type="password" class="form-control input-lg" placeholder="Mật khẩu" id='pass' name="p">
    </div>
    <div class="form-group">
        <button class="btn btn-primary btn-lg btn-block" id="btnlogin">Đăng nhập</button>               
    </div>
</form>
<div class='col-md-4'></div>
<!-- END:main -->